<template>
    <div class="appstore">
        <div class="image">
            <img src="../../../assets/img/appstore.png" alt="">
        </div>
        <div class="key-text">
            <p>精选应用市场<strong>30+</strong>家</p>
        </div>
        <div class="application-market">
            <i></i>
            <p>涵盖百度手机助手、360手机助手、应用宝、豌豆荚、小米应用市场、爱思助手等100多家</p>
        </div>
        <div class="advertisement-form">
            <i></i>
            <p>广告形式多样化：首页推荐、相关推荐、排行榜、分类榜、搜索结果、banner、积分墙、开机广告、弹框......</p>
        </div>
    </div>
</template>
<script>
export default {
    name: 'AppStore',
    data () {
        return {

        }
    }
}
</script>
<style scoped>
.appstore {
    padding-top: 60px;
    position: relative;
}
.appstore .image {
    width:277px;
    height: 365px;
    display: inline-block;
}
.appstore .image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}
.appstore .key-text {
    position: absolute;
    top: 60px;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    height: 365px;
}
.appstore .key-text p {
    font-size: 36px; /*px*/
    color: #1e90ff;
}
.appstore .key-text p strong {
    font-size: 48px; /*px*/
    color: #05173b;
    font-weight: bold;
}
.appstore .application-market {
    margin-top: 40px;
    display: flex;
}
.appstore .application-market i,.appstore .advertisement-form i {
    width: 9px;
    height: 30px;
    display: block;
    background-color: #1e90ff;
}
.appstore .advertisement-form i {
    width: 11px;
}
.appstore .application-market p,.appstore .advertisement-form p {
    font-size: 30px; /*px*/
    color: #708090;
    display: inline-block;
    margin-left: 22px;
    line-height: 35px;
}
.appstore .advertisement-form {
    margin-top: 40px;
    display: flex;
}
@media screen and (max-width: 640px) and (min-width: 640px){
.appstore .key-text p {
    font-size: 30px; /*px*/
    color: #1e90ff;
}
.appstore .key-text p strong {
    font-size: 42px; /*px*/
    color: #05173b;
    font-weight: bold;
}
}
</style>
